<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>提现</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/withdraw.css"/>
	</head>
	<body>
		<!--提现页面-->
		<div class="web">
			<!--头部-->
			<header>
				<div class="nav">
					<a href="income.html"><i class="iconfont icon-jiantou-copy"></i></a>
					<h1>提现</h1>
					<div class="ge"></div>
				</div>
			</header>
			<!--头部结束-->
			<!--内容-->
			<div class="content">
				<div class="bg border_top_line mt">
					<div class="withdraw_money">
						<div class="yet">
							<p>可提现金额</p>
						<span class="iconfont">257.50</span>
						</div>
					</div>
					<div class="cannot">
						<p>未结算收入</p>
						<span>单笔最高2万</span>
					</div>
					<hr />
				</div>
				<div class="bg border_top_line">
					<div class="withdraw_money_user">
						<div class="yet">
							<p>提现账户</p>
						<span>选择提现账户 <i class="iconfont icon-jiantou"></i></span>
						</div>
					</div>
					<hr />
				</div>
				<div class="btn now_withdraw">
					<p>立即提现</p>
				</div>
				<h5>.金低于1元时不可提现，请努力赚钱呦 </h5>
				<a href="rule.html" class="shengm"><em>.提现到账时间规则，</em>点击查看</a>
			</div>
		</div>
		<!--结束-->
		<!--选择提现银行-->
		<div class="web_choose">
			<!--头部-->
			<header>
				<div class="nav">
					<a class="back_withdraw"><i class="iconfont icon-jiantou-copy"></i></a>
					<h1>选择提现银行</h1>
					<div class="ge"></div>
				</div>
			</header>
			<!--头部结束-->
			<!--内容-->
			<div class="content">
				<div class="bg border_top_line mt">
					<div class="choose bank_choose">
						<div class="yet">
							<p>银行卡</p>
						<span>未设置 <i class="iconfont icon-jiantou"></i></span>
						</div>
					</div>
					<hr />
				</div>
				<div class="bg border_top_line">
					<div class="choose weixin_choose">
						<div class="yet">
							<p>微信钱包</p>
						<span>MARUKO <i class="iconfont icon-jiantou"></i></span>
						</div>
					</div>
					<hr />
				</div>
			</div>
		</div>
		<!--结束-->
		<!--设置银行卡账户-->
		<div class="web_set">
			<!--头部-->
			<header>
				<div class="nav">
					<a class="back_choose"><i class="iconfont icon-jiantou-copy"></i></a>
					<h1>设置银行卡账户</h1>
					<div class="ge"></div>
				</div>
			</header>
			<!--头部结束-->
			<!--内容-->
			<div class="content">
				<div class="bg border_top_line mt">
					<div class="set_choose">
						<div class="bank">
							<p>银行</p>
						<input type="text" name="" id="" value="" placeholder="选择银行" />
						</div>
					</div>
					<div class="num_name num_name_r">
						<p>银行卡卡号</p>
						<input type="text" name="" id="" value="" placeholder="输入银行卡卡号" />
					</div>
					<div class="num_name">
						<p>姓名</p>
						<input type="text" name="" id="" value="" placeholder="填入姓名" />
					</div>
					<hr />
				</div>
				<div class="bg border_top_line">
					<div class="phone_num_yan">
						<div class="content_wrap">
							<p>手机号码</p>
							<input type="tel" name="" id="" value="" placeholder="15013068126" />
							<div class="btn_yan">
								<p>获取验证码</p>
							</div>
						</div>
					</div>
					<div class="num_name num_name_r5">
						<p>验证码</p>
						<input type="text" name="" id="" value="" placeholder="请输入短信中的验证码" />
					</div>
					<hr />
				</div>
				<div class="btn">
					<p>完成</p>
				</div>
			</div>
		</div>
		<!--结束-->
		<!--设置微信钱包-->
		<div class="web_set_wallet">
			<!--头部-->
			<header>
				<div class="nav">
					<a class="back_choose"><i class="iconfont icon-jiantou-copy"></i></a>
					<h1>设置微信钱包</h1>
					<div class="ge"></div>
				</div>
			</header>
			<!--头部结束-->
			<!--内容-->
			<div class="content">
				<div class="bg border_top_line mt">
					<div class="authorization">
						<div class="weixin_num">
							<p>微信号</p>
							<span>点击授权</span>
						</div>
					</div>
					<hr />
				</div>
				<div class="bg border_top_line">
					<div class="phone_num_yan">
						<div class="content_wrap">
							<p>手机号码</p>
							<input type="tel" name="" id="" value="" placeholder="15013068126" />
							<div class="btn_yan">
								<p>获取验证码</p>
							</div>
						</div>
					</div>
					<div class="num_name num_name_r5">
						<p>验证码</p>
						<input type="text" name="" id="" value="" placeholder="请输入短信中的验证码" />
					</div>
					<hr />
				</div>
				<div class="btn">
					<p>完成</p>
				</div>
			</div>
		</div>
		<!--结束-->
		<!--选择提现账户（层）-->
		<div class="web_choose_account">
			<div class="content_account">
				<div class="name_weixin">
					<p>微信钱包(MARUKO)</p>
				</div>
				<div class="name_weixin user_account">
					<p>提现到该账户</p>
				</div>
				<div class="name_weixin xiugai">
					<p>修改账户</p>
				</div>
			</div>
			<div class="line"></div>
			<footer class="account_off">
				<p>取消</p>
			</footer>
		</div>
		<!--结束-->
		<!--提现确认-->
		<div class="web_affirm">
			<div class="affirm_wrap">
				<div class="content_af">
					<div class="title_af">
						<p>请确认</p>
					</div>
					<div class="amount">
						<p>提现金额 :</p>
						<span class="iconfont">257.50</span>
					</div>
					<div class="account_money">
						<p>提现账户:</p>
						<span>微信钱包(MARUKO)</span>
					</div>
					<div class="btn_wrap">
						<div class="btn affirm_off">
							<p>取消</p>
						</div>
						<div class="btn_affirm">
							<p>确认</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--结束-->
		<!--提现成功-->
		<div class="web_succeed">
			<div class="succeed_wrap">
				<div class="suc_cont">
					<div class="biaoqing">
						<i class="iconfont icon-xiaolian"></i>
					</div>
					<p>提现成功!</p>
				</div>
			</div>
		</div>
		<!--结束-->
	</body>
</html>
<script type="text/javascript">
	//选择银行卡
	var choose_open = document.querySelector(".withdraw_money_user");
	var choose_link = document.querySelector(".web_choose");
	var choose_off = document.querySelector(".back_withdraw");
	choose_open.addEventListener("click",function(){
		choose_link.classList.add("web_choose_open");
	})
	choose_off.addEventListener("click",function(){
		choose_link.classList.remove("web_choose_open");
	})
	//结束
	//设置银行卡账户
	var bank_choose_open = document.querySelector(".bank_choose");
	var bank_choose_link = document.querySelector(".web_set");
	var bank_choose_off = document.querySelector(".back_choose");
	bank_choose_open.addEventListener("click",function(){
		bank_choose_link.classList.add("web_set_open");
	})
	bank_choose_off.addEventListener("click",function(){
		bank_choose_link.classList.remove("web_set_open");
	})
	//结束
	//立即提现
	var now_withdraw_open = document.querySelector(".now_withdraw");
	var now_withdraw_link = document.querySelector(".web_choose_account");
	var now_withdraw_off = document.querySelector(".account_off");
	 now_withdraw_open.addEventListener("click",function(){
		now_withdraw_link.classList.add("web_choose_account_open");
	})
	now_withdraw_off.addEventListener("click",function(){
		now_withdraw_link.classList.remove("web_choose_account_open");
	})
	//结束
	//提现到该账户
	var user_account_open = document.querySelector(".user_account");
	var user_account_link = document.querySelector(".web_affirm");
	var user_account_off = document.querySelector(".btn_affirm");
	var succeed_link = document.querySelector(".web_succeed");
	var affirm_off = document.querySelector(".affirm_off");
	function codefans(){
			var box=document.querySelector(".web_succeed");
			box.classList.remove("web_succeed_open");
			now_withdraw_link.classList.remove("web_choose_account_open");
		}
	 user_account_open.addEventListener("click",function(){
		user_account_link.classList.add("web_affirm_open");
	})
	 affirm_off.addEventListener("click",function(){
		user_account_link.classList.remove("web_affirm_open");
	})
	user_account_off.addEventListener("click",function(){
		user_account_link.classList.remove("web_affirm_open");
		succeed_link.classList.add("web_succeed_open")
		setTimeout("codefans()",1000);
	})
	//结束
	//设置微信钱包情况一
</script>
